<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="format-detection" content="telephone=no" />
	<title>友好生鲜</title>
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/base.css">
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/purchase.css">
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/zepto.js"></script>
</head>
<body>
<!--首页头部-->
<div class="header_body">
	<div class="header_main">
		<div class="header_icon01"><a href="details.jsp"></a></div>
		<div class="header_txt">确认订单</div>
		<div class="header_icon02"><a href="#1"></a></div>
	</div>
</div>
<!--确认订单-->
<div class="purchase_main">
	<div class="purchase_tabe">
		<!--tab-->
		<div style="background-color:#fff; padding:0.3rem 0">
			<ul class="purchase_tabe_ul" id="purchase_tabe_ul">
				<li class="tabe_in tabe_now">商家配送</li>
				<li class="tabe_in">物流配送</li>
			</ul>
		</div>
		<!--切换内容-->
		<div class="purchase_tabe_list" id="tab_lists">
			<!--1-->
			<div class="purchase_tabe_box">
				<!--收货地址-->
				<div class="order_details_dz purchaser_details_dz">
					<a href="address.jsp">
						<div class="order_details_dzs">
							<div class="order_details_dzs_tit"><p>收货人：小仙女</p><span>159******562</span></div>
							<div class="order_details_dzs_txt"><p>收货地址：河南省郑州市州经济技术开发 区第五大街河南省通信产业园六层</p></div>
						</div>
					</a>
				</div>
				<!--商品-->
				<div class="purchase_shop_main">
					<p>现在下单最快今天12:00-13:00送达</p>
					<!--1-->
					<div class="order_list_shop">
						<a>
							<div class="order_list_img" style="background-image:url(img/banner.png)"></div>
							<div class="order_list_txts">
								<p>云南当季新鲜水果批发非广西越南红心火 龙果航空包邮应季火龙果</p>
								<span>5袋装／169g／袋</span>
								<div class="order_list_money"><p>¥389</p><span>×1</span></div>
							</div>
						</a>
					</div>
					<!--1-->
					<div class="order_list_shop">
						<a>
							<div class="order_list_img" style="background-image:url(img/banner.png)"></div>
							<div class="order_list_txts">
								<p>云南当季新鲜水果批发非广西越南红心火 龙果航空包邮应季火龙果</p>
								<span>5袋装／169g／袋</span>
								<div class="order_list_money"><p>¥389</p><span>×1</span></div>
							</div>
						</a>
					</div>
					<div class="callslip_05_list2">
						<p>买家留言：</p>
						<div><textarea name="tt" maxlength="200" placeholder="如有特殊配送需求，请在此填写留言"></textarea></div>
					</div>
				</div>	
				<!--商品金额-->
				<div class="order_boxs">
					<ul>
						<li><p>商品金额</p><span>¥162</span></li>
						<li><p>运费</p><span>¥0</span></li>
					</ul>
				</div>
			</div>
			<!--2-->
			<div class="purchase_tabe_box tab_hid">
				<!--收货地址-->
				<div class="order_details_dz purchaser_details_dz">
					<a href="address.jsp">
						<div class="order_details_dzs">
							<div class="order_details_dzs_tit"><p>收货人：小仙女</p><span>159******562</span></div>
							<div class="order_details_dzs_txt"><p>收货地址：河南省郑州市州经济技术开发 区第五大街河南省通信产业园六层</p></div>
						</div>
					</a>
				</div>
				<!--商品-->
				<div class="purchase_shop_main">
					<!--1-->
					<div class="order_list_shop">
						<a>
							<div class="order_list_img" style="background-image:url(img/banner.png)"></div>
							<div class="order_list_txts">
								<p>云南当季新鲜水果批发非广西越南红心火 龙果航空包邮应季火龙果</p>
								<span>5袋装／169g／袋</span>
								<div class="order_list_money"><p>¥389</p><span>×1</span></div>
							</div>
						</a>
					</div>
					<!--1-->
					<div class="order_list_shop">
						<a>
							<div class="order_list_img" style="background-image:url(img/banner.png)"></div>
							<div class="order_list_txts">
								<p>云南当季新鲜水果批发非广西越南红心火 龙果航空包邮应季火龙果</p>
								<span>5袋装／169g／袋</span>
								<div class="order_list_money"><p>¥389</p><span>×1</span></div>
							</div>
						</a>
					</div>
					<div class="callslip_05_list2">
						<p>买家留言：</p>
						<div><textarea name="tt" maxlength="200" placeholder="如有特殊配送需求，请在此填写留言"></textarea></div>
					</div>
				</div>	
				<!--商品金额-->
				<div class="order_boxs">
					<ul>
						<li><p>商品金额</p><span>¥162</span></li>
						<li><p>运费</p><span>¥0</span></li>
					</ul>
				</div>
			</div>
		</div>
		<script>
		$(function(){
			 /*切换*/
			 $("#purchase_tabe_ul li").bind("click",function(){
					 $(this).addClass("tabe_now").siblings().removeClass("tabe_now");
					 $('#tab_lists .purchase_tabe_box').eq($(this).index()).show().siblings().hide();
			 });
		})
		</script>
	</div>
</div>
<!--底部按钮-->
<div class="purchase_button">
	<div><p>合计：<span>¥162</span></p></div>
	<a href="#1">去支付</a>
</div>
</body>
</html>
